<template>
  <div class="main-conversation">
    <conversation-friends></conversation-friends>
    <conversation-chats></conversation-chats>
    <conversation-tools></conversation-tools>
  </div>
</template>

<script>
import ConversationChats from '@/components/conversation/ConversationChats.vue'
import ConversationFriends from '@/components/conversation/ConversationFriends.vue'
import ConversationTools from '@/components/conversation/ConversationTools.vue'

export default {
  name: 'MainConversation',
  data() {
    return {
      routerViewName: 'conversation'
    }
  },
  components: {
    ConversationFriends,
    ConversationChats,
    ConversationTools
  }
}
</script>

<style lang="scss" scoped>
.main-conversation {
  display: flex;
  justify-content: space-between;
}
</style>
